<template>
  <section :class="[defaultClass,'cname']">
      <h4>-{{title}}-</h4>
      <slot/>
  </section>
</template>

<script>
export default {
    props:{
        cname:{
            type:String,
            default:""
        },
        title:{
            type:String,
            default:""
        }
    },
    data(){
        return {
            defaultClass:"panel"
        }
    }

}

</script>
<style lang="scss">
@import '../../css/element.scss';
.panel{
    @include panel;
}
</style>